body{
	background:url(../img/fnd_uni.png) repeat;
}

#header{
	background:url(../img/content.png) repeat;
	width:911px;
	height:80px;
	margin:auto;
	margin-top:0;
	padding-top:0;
	position:relative;
	margin-bottom:8px;
}

#logo{
	width:249px;
	height:	80px;
	position:absolute;
	left:0;
}
	
#redesSociales{
	width:180px;
	height:35px;
	position:absolute;
	right:0;
}

#redesSociales ul li{
	height:40px;
	display:inline;
	padding: 2px 7px;
	padding-top:0;
	margin-top:0;
}

#opcUSer{
	width:520px;
	height:25px;
	position:absolute;
	right:0;
	top:35px;
}

#opcUSer ul li{
	height:40px;
	display:inline;
	padding: 5px 5px;
	color:#00923e;
	font-family:century gothic;
	font-size:10px;
	font:bold;
}

#opcUSer ul li a{
	height:40px;
	display:inline;
	padding: 2px 7px;
	color:#00923e;
	font-family:century gothic;
	font-size:10px;
	text-decoration:none;
	font:bold;
}

#banner{
	background:url(../img/content.png) repeat;
	width:911px;
	height:330px;
	position:relative;
	margin:auto;
	margin-bottom:8px;
}
	
#bannerRotator { width: 877px; height:316px; margin:auto; padding-top:7px; }
#bannerRotator ul li img{ max-width: 877px; max-height:316px; }



#bannerRotator { position:relative; }
#bannerRotator ul { list-style:none; padding:0; position:relative; margin:0; }
#bannerRotator ul li { display:none; position:absolute; }
#bannerRotator ul li a { text-decoration:none; }

#bannerNav { position:absolute; right:15px; bottom:15px; background:url(../img/transBlack75.png) repeat 0 0; padding:5px 5px 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#bannerNav a { margin:3px 10px 0 0; height:10px; width:10px; display:block; background:url(../img/dotDark.png) no-repeat 0 0; float:left; }
#bannerNav a.active { background-image:url(../img/dotLight.png); }
#bannerNav span.pause, #bannerNav span.play { cursor:pointer; height:15px; width:15px; display:block; background:url(../img/pause.png) no-repeat 0 0; float:left; }
#bannerNav span.play { background-image:url(../img/play.png) }


#content{
   background:url(../img/content.png) repeat;
   width:911px;
   height:545px;
   position:relative;
   margin:auto; 
}

#content-login{
   background:url(../img/content.png) repeat;
   width:911px;
   height:250px;
   position:relative;
   margin:auto; 
}

#content-left{
   border-right:1px solid #4ba0ed;
   width:162px;
   height:545px;
   position:absolute;
   left:0;
}
#option-index {
   height:30px;
   width:150px;
}

#option-index TH{
   background:#4ba0ed ;
   height:30px;
}

#option-index TD{
   border:1px solid #4ba0ed;
   border-left:none;
   border-top:none;
   text-align:center;
}

#option-index TD a{
   text-decoration:none;
   color:#4ba0ed;
   text-transform:uppercase;
   font-family:ARIAL, verdana ;
   font-size:9px;
}
#content-right{
   border-left:1px solid #4ba0ed;
   width:165px;
   height:545px;
   position:absolute;
   right:0;
}

#option-right {
   height:30px;
   width:150px;
   float:right;
   border:1px solid #4ba0ed;
}

#option-right TH{
   background:#4ba0ed ;
   height:30px;
}

#option-right TD{
   padding-top:5px;
   text-align:center;
}

#option-right TD a{
   text-decoration:none;
   color:#4ba0ed;
   text-transform:uppercase;
   font-family:ARIAL, verdana ;
   font-size:9px;
}


#option-right-info {
   height:30px;
   width:150px;
   float:right;
}

#option-right-info TH{
   background:#4ba0ed ;
   height:30px;
}

#option-right-info TD{
   text-align:center;
   border:1px solid #4ba0ed;
   border-right:none;
   border-top:none;
}

#option-right-info TD a{
   text-decoration:none;
   color:#4ba0ed;
   text-transform:uppercase;
   font-family:ARIAL, verdana ;
   font-size:9px;
}

#content-info{
   width:584px;
   height:545px;
   margin:0 165px 0 162px;
   padding-top:0;
   
}
#content-info span{
   color:#4ba0ed;
   padding:25px 25px 0 25px;
   font-family:century gothic ;
   font-size:25px;
   font:bold;
   
}
#content-info P{
   padding:10px 30px 20px 30px;
   font-family:century gothic ;
   font-size:11px;
   
}

#footer{
	position:relative;
	width:911px;
	height:69px;
	margin:auto;

}
#main-login{
	position:relative;
	margin:auto;
	width:1023px;
	height:670px;

}
#main-login-content{
	position:absolute;
	margin:0 62px 0 50px;
	width:911px;
}
#main-login-left{
	position:absolute;
	left:0;
	width:50px;
	height:670px;
	background:url(../img/content-login-left.png) repeat-y;
}
#main-login-right{
	position:absolute;
	right:0;
	width:62px;
	height:670px;
	background:url(../img/content-login-right.png) repeat-y;
}
#footer-login{
	background:url(../img/footer-intranet.png)no-repeat;
	position:relative;
	width:911px;
	height:67px;
	margin:auto;

}

#form-login{
	position:absolute;
	right:0;
	width:519px;
	border-left:2px solid #9AC042 ;
	margin-top:10px;

}
#form-login-right{
	position:absolute;
	left:0;
	width:519px;
	margin-top:10px;

}
#txtLogin{
	background:url(../img/txtLogin.png) no-repeat;
	width:231px;
    height:33px;
    border:0;
    font-family:century gothic;
    font-size:19px;
    color:#4ba0ed;
    
}

#lblLogin{
    font-family:century gothic;
    font-size:19px;
    
}
label{
    font:bold 19px "century gothic"; 
    padding-right:30px;
    padding-left:30px;
    color:#4ba0ed;
}
#form-login p{
	padding-left:30px;
	font-family:Verdana;
	font-size:10px;
}

#form-login-right p{
	padding-left:30px;
	font-family:century gothic;
	font-size:12px;
}
#footer-opt ul{
	padding-top:25px;

}
#footer-opt ul li{
	color:#ffffff;
	display:inline;
	font-family:century gothic;
	font-size:14px;
	padding: 1px 1px;
	padding-top:0;
	margin-top:0;
	height:67px;

}

#footer-opt ul li a{
	color:#ffffff;
	font-family:century gothic;
	font-size:14px;
	text-decoration:none;
}